@mixin mixin-clearfix {
  &:after {
      content: "";
      display: table;
      clear: both;
  }
}

/**
*
* 垂直居中
*/
@mixin mixin-verticalCenter {
  &::after {
      content: "";
      display: inline-block;
      width: 0px;
      height: 100%;
      vertical-align: middle;
  }
}

// flex布局
@mixin mixin-flex($justify, $alignItems, $direction: row) {
  display: flex;
  justify-content: $justify;
  align-items: $alignItems;
  flex-direction: $direction;
}

// 溢出隐藏
@mixin mixin-textHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行溢出隐藏
@mixin multi-line-omit($number) {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: $number;
  -moz-line-clamp: $number;
  word-break: break-all; // 纯字母、数字
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

// 鼠标滑过高亮
@mixin mixin-textHover {
  &:hover {
    color: #FF2E5A;
    cursor: pointer;
  }
}

// absolute垂直居中
@mixin abs-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}